<template>
  <div class="Layout">
    <virtualTree :option="virtualOption"></virtualTree>
  </div>
</template>

<script>
// import nestedDraggable from '@/components/nested-draggable.vue'
import virtualTree from '@/components/virtualTree-my.vue'
// import virtualList from '@/components/virtualList.vue'
export default {
  name: 'Layout',
  components: {
    // nestedDraggable
    virtualTree
  },
  data () {
    return {  
      list: [
        {
          name: "task 1",
          tasks: [
            {
              name: "task 2",
              tasks: []
            }
          ]
        },
        {
          name: "task 3",
          tasks: [
            {
              name: "task 4",
              tasks: []
            }
          ]
        },
        {
          name: "task 5",
          tasks: []
        }
      ],
      virtualOption: {
        count: 20,
        itemHeight: 30,
        showCheckbox: true
      }
    }
  },
  created () { },
  mounted () { },
  methods: { },
  computed: {}
}
</script>
<style scoped lang='less'>
.Layout {
  max-width: 300px;
}
.buttons {
  margin-top: 35px;
}

.ghost {
  opacity: 0.5;
  background: #c8ebfb;
}
</style>
